<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Quick Start - Layui</title>
  <link href="layui/css/layui.css" rel="stylesheet">
</head>
<body>

  <div class="layui-btn-container">
  <button type="button" class="layui-btn layui-btn-blue" id="btnMod">模块测试</button>
  </div>
</body>
  <!-- HTML Content -->
  <script src="layui/layui.js"></script>
  <script>
  // Usage
  // 定义模块（通常单独作为一个 JS 文件）
  layui.define(function(exports){
    // do something
    // 输出 demo 模块
    exports('demo', {
      msg: 'Hello Demo'
    });
  });

  layui.use(['demo'], function(){

    var $ = layui.$;//创建$对象
    var layer = layui.layer;//创建layui的layer对象   
    var demo = layui.demo;//创建自定义模块demo对象
    $('#btnMod').on('click',function(){//添加按钮click事件
        layer.alert(layui.util.escape(demo.msg));//模块中定义的msg字符串
    });
  });
  </script>
</html>